*{
    padding:0;
    margin:0;
}
li{
    list-style: none;
}
body{
    color:#6f597d;
}
label{
    font-weight:normal;
}
.bg-white{
    padding-bottom:8px;
    background:#fff;
}
.eva-title{
    padding:0.8em;
    background:#f9f9f9;
}
.box{
    overflow: hidden;
    width:98.4%;
    padding:0.8em;
    background:#fff;
    color:#6f597d;
}
.box>label{
    float:left;
    width:22%;
    height: 34px;
    line-height: 34px;
}
.box>label:last-child{
    width:34%;
}
.box>label>.form-control{
    display:inline-block;
    width:auto;
}
.peabody-question>div{
    float:left;
    width:75%;
}
.peabody-question>div:last-child{
    width:24.2%;
    margin-left:0.8%;
}
.question{
    box-shadow:0 0 13px #b5b9bd;
}
.question ul{
    margin-bottom:0;
}
.question ul.ques-title li{
    height:35px;
    line-height:35px;
    background:#43d0d9;
    border-right:1px solid #fff;
    color:white;
}
.question ul li{
    float:left;
    width:7%;
    text-align:center;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
}
.question ul li:nth-child(3){
    width:14%;
}
.question ul.ques-detail li:nth-child(3),
.question ul.ques-detail li:last-child{
    flex-direction: column;
    align-items:stretch;
    padding:0 0.3em;
}
.question ul li:last-child{
    width:72%;
    border-right:none;
}
.question ul.ques-detail li:nth-child(3)>span,
.question ul.ques-detail li:last-child>div{
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-basis: 35px;
    align-items:center;
    justify-content:center;
}
.question ul li>span.symbol{
    background:#715773;
    font-size:0.8em;
    color:#fff;
}
.question ul.disable{
    background:#e8e8e8;
    color:#b3b3b3;
}
.question ul.disable li>span.symbol{
    background:#cfcfcf;
}
.question ul.ques-show{
    display:block;
}
.question ul.ques-hide{
    display:none;
}
.question ul.ques-detail li{
    min-height:70px;
    height:100%;
}
.question ul.ques-detail li.check-0{
    color:red;
}
.question ul.ques-detail li.check-1{
    color:#ff9800;
}
.question ul.ques-detail li.check-2{
    color:#18c2d9;
}
.question ul.ques-detail.now-item{
    font-size:1em;
    min-height:100px;
    border-bottom:1px dotted #b5b9bd;
}
.question ul.ques-detail.now-item.his{
    background: #a383a6;
    color:#fff;
}
.question ul.ques-detail.now-item.his li:nth-child(2),
.question ul.ques-detail.now-item.his li:nth-child(3){
    color:#fff;
}
.question ul.ques-detail.now-item li{
    min-height:100px;
}
.question ul.ques-detail.now-item li:nth-child(3)>span,
.question ul.ques-detail.now-item li:last-child>div{
    flex-basis: 50px;
}
.question ul.ques-detail.now-item li:nth-child(2),
.question ul.ques-detail.now-item li:nth-child(3){
    color:#79769c;
}
.testSelect{
    overflow:hidden;
    height:275px;
}
.testSelect>div{
    float:left;
    width:48.6%;
    height:6em;
    margin-bottom:0.5em;
    background:#CFCFCF;
    text-align:center;
    color:white;
    cursor:pointer;
}
.testSelect>div:nth-child(2n){
    margin-left:2.8%;
}
.testSelect>div.checking{
    background:#27cce3;
    color:#fff;
}
.testSelect>div.checked{
    background:#ffbf42;
    color:#fff;
}
.testSelect>div>span{
    float:left;
    width:40%;
    height: 6em;
    border-right:1px solid #fff;
    text-align:center;
}
.testSelect>div>span:first-child{
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
}
.testSelect>div>span:last-child{
    padding-top:1.3em;
    width:60%;
    border-right:none;
    font-size:1.5em;
}
.scores-show{
    margin-bottom:0.5em;
}
.scores-show>div{
    float:left;
    width:32%;
    margin-right:2%;
    border:1px solid #a383a6;
    min-height:150px;
    text-align:center;
    font-size:0.8em;
    color:#a383a6;
}
.scores-show>div:last-child{
    margin-right:0;
}
.scores-show>div.down{
   background:#18c2d9;
   color:#fff;
}
.fractional-item>div:first-child{
    min-height:115px;
    border-bottom:1px dotted #a383a6;
}
.fractional-item>div:last-child{
    height:35px;
    line-height:35px;
    font-size:1.2em;
    vertical-align:middle;
}
.score>div{
    float:left;
}
.score>div.score-table{
    width:70%;
}
.score>div.other-score{
    width:25%;
    border:1px solid #a383a6;
}
.score>div:last-child{
    margin-left:5%;
}
.other-score{
    margin-top:37px;
}
.other-score>div{
    height:37px ;
    line-height:37px;
    text-align:center;
    color:#9e829e;
}
.other-score>div:first-child{
    border-bottom:1px solid #a383a6;
}
.table-bordered,.table-bordered td{
    color:#a383a6;
    border-color:#a383a6!important;
    text-align:center;
}
.table{
    margin-bottom:0.5em;
}
.table th{
    background:#a383a6;
    color:#fff;
    text-align:center;
}
.modal-backdrop {
    z-index: -1;
}
.modal-dialog{
    position:absolute;
    top:50%;
    left:50%;
    width:400px;
    height:180px;
    margin-top:-90px;
    margin-left:-200px;
}
.modal-header{
    background:#ebebeb;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom:none;
}
.modal-footer{
    text-align:center;
    border-top:none;
}
@media screen and (max-width:1100px) and (min-width:1024px) {
    .box>label{
        width:17.5%;
    }
    .box>label:nth-child(3){
        width:25%;
    }
    .box>label:last-child{
        width:40%;
    }
}
@media screen and (max-width:1024px) {
    .box>label{
       width:33%;
    }
}